<!--<template>-->
    <!--<div id="gongzhan">-->
        <!--&lt;!&ndash; 响应式布局 &ndash;&gt;-->
        <!--<el-row :gutter="10" class="toolbar">-->
            <!--<el-col :xs="4" :sm="3" :md="2" :lg="2">-->
                <!--<el-input placeholder="工序号"></el-input>-->
                <!--&lt;!&ndash;<div class="grid-content bg-purple">工序号</div>&ndash;&gt;-->
            <!--</el-col>-->
            <!--<el-col :xs="5" :sm="4" :md="3" :lg="3">-->
                <!--<el-input placeholder="工序名称"></el-input>-->
                <!--&lt;!&ndash;<div class="grid-content bg-purple-dark">工序名称</div>&ndash;&gt;-->
            <!--</el-col>-->
            <!--<el-col :xs="5" :sm="4" :md="3" :lg="3">-->
                <!--<el-select v-model="value4" clearable placeholder="所属车间">-->
                    <!--<el-option-->
                            <!--v-for="item in options"-->
                            <!--:key="item.value"-->
                            <!--:label="item.label"-->
                            <!--:value="item.value">-->
                    <!--</el-option>-->
                <!--</el-select>-->
                <!--&lt;!&ndash;<el-input placeholder="所属车间"></el-input>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="grid-content bg-purple">所属车间</div>&ndash;&gt;-->
            <!--</el-col>-->
            <!--<el-col :xs="10" :sm="10" :md="7" :lg="5">-->
                <!--<el-button type="primary">查询</el-button>-->
                <!--<el-button type="success">新增工序</el-button>-->
                <!--&lt;!&ndash;<div class="grid-content bg-purple-dark">查询</div>&ndash;&gt;-->
            <!--</el-col>-->
        <!--</el-row>-->
    <!--</div>-->
    <!--<div id="gongzhan" class="firstcomponent_css">-->
        <!--<div class="food_search">-->
            <!--<div class="search_title">查询条件</div>-->
            <!--<el-row class="food_search_row">-->
                <!--<el-col :span="6">-->
                    <!--<el-row>-->
                        <!--<el-col :span="6" class="search_tips_font">姓名:</el-col>-->
                        <!--<el-col :span="18"><el-input v-model="inputUsername" placeholder="请输入查询的姓名" class="search_input01" :maxlength="13"></el-input></el-col>-->
                    <!--</el-row>-->
                <!--</el-col>-->
                <!--<el-col :span="10">-->
                    <!--<el-row>-->
                        <!--<el-col :span="4"><div class="grid-content bg-purple"></div></el-col>-->
                        <!--<el-col :span="4" class="search_tips_font">日期:</el-col>-->
                        <!--<el-col :span="16">-->
                            <!--<el-date-picker-->
                                    <!--v-model="inputTime"-->
                                    <!--type="daterange"-->
                                    <!--align="right"-->
                                    <!--placeholder="选择查询的日期范围"-->
 <!--style="float: left"                                   :picker-options="pickerOptions2">-->
                            <!--</el-date-picker>-->
                        <!--</el-col>-->
                    <!--</el-row>-->
                <!--</el-col>-->
                <!--<el-col :span="7">-->
                    <!--<el-row>-->
                        <!--<el-col :span="5" class="search_tips_font">部门:</el-col>-->
                        <!--<el-col :span="16">-->
                            <!--<el-select v-model="inputDepartment" filterable clearable placeholder="请选择">-->
                                <!--<el-option-->
                                        <!--v-for="item in departments"-->
                                        <!--:key="item.value"-->
                                        <!--:label="item.label"-->
                                        <!--:value="item.value">-->
                                <!--</el-option>-->
                            <!--</el-select>-->
                        <!--</el-col>-->
                        <!--<el-col :span="1"></el-col>-->
                    <!--</el-row>-->
                <!--</el-col>-->
                <!--<el-col :span="1"></el-col>-->
            <!--</el-row>-->
            <!--<el-row>-->
                <!--<el-col :span="20"><div class="grid-content bg-purple"></div></el-col>-->
                <!--<el-col :span="4"><div class="search_btn"><el-button type="primary" icon="search" @click="search">搜索</el-button></div></el-col>-->
            <!--</el-row>-->
        <!--</div>-->
        <!--<div style="height: 60px;width:85%;background-color: #F1F3F7;float: left"></div>-->
        <!--<div style="height: 50px;width:84%;background-color: white;float: left;line-height: 45px;font-size:18px;text-align: left;margin-left:1%;">取票记录</div>-->
        <!--<el-table-->
                <!--:data="tableData"-->
                <!--style="width: 85%;text-align: left">-->
            <!--<el-table-column-->
                    <!--type="index"-->
                    <!--label="编号"-->
                    <!--width="80">-->
            <!--</el-table-column>-->
            <!--<el-table-column-->
                    <!--prop="time"-->
                    <!--label="日期"-->
                    <!--min-width="120">-->
            <!--</el-table-column>-->
            <!--<el-table-column-->
                    <!--prop="username"-->
                    <!--label="姓名"-->
                    <!--min-width="120">-->
            <!--</el-table-column>-->
            <!--<el-table-column-->
                    <!--label="部门"-->
                    <!--prop="department"-->
                    <!--min-width="120">-->
            <!--</el-table-column>-->
        <!--</el-table>-->
        <!--<div class="page_block">-->

            <!--<el-pagination-->
                    <!--layout="prev, pager, next"-->
                    <!--:total="pageNum">-->
            <!--</el-pagination>-->
        <!--</div>-->
        <!--<Loading v-if="isLoding" marginTop="-10%"></Loading>-->
    <!--</div>-->


<!--</template>-->


<!--<script type="text/javascript">-->

    <!--import headercomponent from '../menu/headerMenu.vue'-->
    <!--import leftcomponent from  '../menu/leftMenu.vue'-->
    <!--import Loading from '../loading/loading.vue'-->

    <!--export default {-->
        <!--components: {-->
            <!--headercomponent,-->
            <!--leftcomponent,-->
            <!--Loading-->
        <!--},-->
        <!--data (){-->
            <!--return {-->
                <!--isLoding: false,-->
                <!--tableData:[],-->
                <!--excelData:[],-->
                <!--departments: [-->
                    <!--{-->
                    <!--value: '0',-->
                    <!--label: '交通研发创新技术部'-->
                <!--}, {-->
                    <!--value: '1',-->
                    <!--label: '交通研发前端研发部'-->
                <!--}, {-->
                    <!--value: '2',-->
                    <!--label: '交通研发后台研发部'-->
                <!--}, {-->
                    <!--value: '3',-->
                    <!--label: '交通研发运维保障组'-->
                <!--}, {-->
                    <!--value: '4',-->
                    <!--label: '交通研发测试组'-->
                <!--}-->
                <!--, {-->
                    <!--value: '5',-->
                    <!--label: '交通研发前台组'-->
                  <!--}-->
                <!--, {-->
                    <!--value: '6',-->
                    <!--label: '交通研发上海研发部'-->
                  <!--}-->
                <!--, {-->
                    <!--value: '7',-->
                    <!--label: '交通研发流程组'-->
                  <!--}-->
                <!--],-->
                <!--inputUsername: '',-->
                <!--inputTime: '',-->
                <!--inputDepartment: '',-->
                <!--pickerOptions2: {-->
                    <!--shortcuts: [{-->
                        <!--text: '最近一周',-->
                        <!--onClick(picker) {-->
                            <!--const end = new Date();-->
                            <!--const start = new Date();-->
                            <!--start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);-->
                            <!--picker.$emit('pick', [start, end]);-->
                        <!--}-->
                    <!--}, {-->
                        <!--text: '最近一个月',-->
                        <!--onClick(picker) {-->
                            <!--const end = new Date();-->
                            <!--const start = new Date();-->
                            <!--start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);-->
                            <!--picker.$emit('pick', [start, end]);-->
                        <!--}-->
                    <!--}, {-->
                        <!--text: '最近三个月',-->
                        <!--onClick(picker) {-->
                            <!--const end = new Date();-->
                            <!--const start = new Date();-->
                            <!--start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);-->
                            <!--picker.$emit('pick', [start, end]);-->
                        <!--}-->
                    <!--}]-->
                <!--},-->
                <!--getUrl:'',-->
                <!--pageNum: 1-->
            <!--}-->
        <!--},-->
        <!--methods:{-->
            <!--search:function() {-->
                <!--this.isLoding=true;-->
                <!--this.inputUsername=this.inputUsername.trim();-->
                <!--this.inputDepartment=this.inputDepartment.trim();-->

                <!--if (this.inputUsername.length===0&&this.inputTime.length===0&&this.inputDepartment.length===0) {-->
                    <!--this.$notify.error({-->
                        <!--title: '异常操作',-->
                        <!--message: '请至少填写一条搜索信息,亲!'-->
                    <!--});-->

                    <!--//取消加载动作-->
                    <!--this.isLoding=false;-->
                    <!--return 0;-->
                <!--}-->
                <!--let url = "http://115.159.216.136/api/foodManage?username="+this.inputUsername+"&datebegin="+this.inputTime[0]+"&dateend="+this.inputTime[1]+"&department="+this.inputDepartment;-->
                <!--this.getData(url)-->
            <!--},-->
            <!--getData(url){-->
                <!--this.$http.get(url).then(response => {-->
                    <!--// success callback-->
                    <!--console.log("     请求返回的成功内容")-->
                    <!--console.log(response)-->

                    <!--//输出到表格-->
                    <!--// 这里是处理正确的回调-->
                    <!--this.tableData=[];-->
                    <!--let code = response.data.code;-->
                    <!--if(code==1){-->
                        <!--for(let i=0;i<response.data.result.length;i++){-->
                            <!--console.log(response.data.result[i].time)-->
                            <!--response.data.result[i].time= this.formFullTime( response.data.result[i].time);-->
                            <!--this.tableData.push(response.data.result[i]);-->

<!--//                            if(response.data.result[i].department == 0){-->
<!--//                                response.data.result[i].department="交通研发创新技术部";-->
<!--//                            }-->
<!--//                            if(response.data.result[i].department == 1){-->
<!--//                                response.data.result[i].department="交通研发前端研发部";-->
<!--//                            }-->
<!--//                            if(response.data.result[i].department == 2){-->
<!--//                                response.data.result[i].department="交通研发后台研发部";-->
<!--//                            }-->
<!--//                            if(response.data.result[i].department == 3){-->
<!--//                                response.data.result[i].department="交通研发运维保障组";-->
<!--//                            }-->
<!--//                            if(response.data.result[i].department == 4){-->
<!--//                                response.data.result[i].department="交通研发测试组";-->
<!--//                            }-->
<!--//                            if(response.data.result[i].department == 5){-->
<!--//                                response.data.result[i].department="交通研发前台组";-->
<!--//                            }-->
<!--//                            if(response.data.result[i].department == 6){-->
<!--//                                response.data.result[i].department="交通研发流程组";-->
<!--//                            }-->

                            <!--response.data.result[i].index=i+1;-->
<!--//                            this.excelData.push(response.data.result[i]);-->

                        <!--}-->
                        <!--this.pageNum = this.tableData.length/10;-->
                        <!--console.log(this.excelData)-->
                    <!--}-->

                    <!--//取消加载动作-->
                    <!--this.isLoding=false;-->

                <!--}, response => {-->
                    <!--// error callback-->
                    <!--console.log("     请求返回的成功内容")-->
                    <!--console.log(response)-->
                <!--})-->
            <!--},-->
            <!--formTime(e) {-->
                <!--let d = new Date(e)-->
                <!--e = d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate();-->
                <!--return e;-->
            <!--},-->
            <!--formFullTime(e) {-->
                <!--var d = new Date(e)-->
                <!--e = d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();-->
                <!--return e;-->
            <!--}-->
        <!--}-->


    <!--}-->

<!--</script>-->

<!--<style>-->

    <!--.el-row {-->
        <!--margin-bottom: 7px;-->
    <!--}-->

    <!--.grid-content {-->
        <!--border-radius: 4px;-->
        <!--min-height: 36px;-->
    <!--}-->

    <!--.firstcomponent_css{-->
        <!--height: 100%;-->
    <!--}-->

    <!--.food_search{-->
        <!--width: 85%;-->
        <!--height: 170px;-->
        <!--float: right;-->
        <!--background-color: white;-->
    <!--}-->
    <!--.search_title{-->
        <!--font-size: 18px;-->
        <!--text-align: left;-->
        <!--margin-left: 20px;-->
        <!--margin-top: 10px;-->
        <!--border-bottom:1px solid #E5E9F2;-->
        <!--height: 40px;-->
        <!--line-height: 40px;-->
    <!--}-->
    <!--.food_search_row{-->
        <!--margin-top: 20px;-->
        <!--font-size: 18px;-->
    <!--}-->
    <!--.search_tips_font{-->
        <!--line-height: 36px;-->
    <!--}-->
    <!--.search_input01,.search_input02,.search_input03{-->

    <!--}-->
    <!--.search_btn{-->
        <!--font-size: 15px;-->
        <!--line-height: 28px;-->
        <!--width: 50%;-->
    <!--}-->
    <!--.print_btn{-->
        <!--float: left;-->
        <!--margin-top: 0;-->
        <!--margin-left: 10px;-->
    <!--}-->
    <!--.page_block{-->
        <!--float: right;-->
        <!--margin-top: 20px;-->
    <!--}-->

<!--</style>-->



